/********************************
 * generic als elements styling
 ********************************/
.als-container {
	position: relative;
	width: 100%;
	margin: 0px auto;
	
}

.als-viewport {
	position: relative;
	overflow: hidden;
	margin: 0px auto;
	width:80% !important;
}

.als-wrapper {
	position: relative;
	list-style: none;
	padding:0 1em; 
	overflow:hidden;
	width:800px !important
}

.als-item {
	position: relative;
	display: block;
	text-align: center;
	cursor: pointer;
	float: left ;
}

.als-prev, .als-next {
	position: absolute;
	cursor: pointer;
	clear: both;
}
 /**************************
 * specific als elements
 * styling for #lista1
 **************************/

#lista1 {
	width:100%;
	float:left; 
	background:#fff;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding:9px 0;
 }

#lista1 .als-item {
	margin-right: 0em;
	padding-right:0em; 
	line-height:2em;
 }

#lista1 .als-item:last-child	{
	border-right:none;
}

#lista1 .als-item a {
	display: block;
	vertical-align: middle;
	font-size:1em;
 }

#lista1 .als-prev, #lista1 .als-next {
	top:1em; 
	display:block;
	  
	line-height:2em;

	
}

#lista1 .als-prev {
	left: 0.5em;
	content:'\f104'; 
	font-family:"fontawesome";
}

#lista1 .als-next {
	right: 0.5em;
	content:'\f104'; 
	font-family:"fontawesome";
}
 
  





#big_section  { float:left; width:100%;   border-bottom:1px solid #ddd; margin-bottom:20px;}

#big_section #scrolling_mid {display:none; overflow:hidden; position:relative; width:100%; height:53px; }
#big_section #scrolling_mid .inner_scroll {position:absolute; top:0; left:0; height:100%; }
#big_section #scrolling_mid .scrolling_list {text-align:center; white-space:nowrap; padding-right:10px }
#big_section #scrolling_mid .scrolling_list li {display:inline-block;   text-align:center; margin-right:-5px;}
#big_section #scrolling_mid .scrolling_list li a {display:block; position:relative;    padding:0 30px 0 0; font-size:1.07em; line-height:53px; color:#666;   }
#big_section #scrolling_mid .scrolling_list li.selected a:after {overflow:hidden; position:absolute; left:0; bottom:0; width:100%; border-bottom:5px solid #621372 !important; content:'';}
#big_section #scrolling_mid .scrolling_list li.cate_ov  {font-weight:600;   }
#big_section #scrolling_mid .scrolling_list li.cate_ov a { color:#333;   }



/*새버전*/

 .navigatonBox {
  width:100%; float:left; position:relative;
border-bottom:1px solid #ddd; }


.buttonGroup {
  overflow-x: auto;
  white-space: nowrap;

  -webkit-overflow-scrolling: touch;
}
.navButton, .option {
  display: inline-block;
  margin-right:12px;
  cursor:default;
}

.navButton {}
.navButton a {font-size:1.01em; line-height:50px; font-weight:400; color:#777; }
a.button_ov {font-weight:600; color:#333 !important; border-bottom:1.5px solid #333;}

.navButton:last-child {
  margin-right:20px;
}
.navButton:first-child {
  margin-left:20px;
}
.optionGroup {
  width:100%;
  height:100px;
  position:absolute;
  top:50px;
  left:0;
}

.option {
  position:absolute;
  top:0;
  left:0;
  padding: 5px 10px;
  border:1px solid #DDD;
  border-radius:3px;
}

.option p {
  margin:0 0 5px;
  white-space: nowrap;
}

.option p:hover {
  background-color:#EEE;
}

.arrow {
  width:15px;
  height:15px;
  position:absolute;
  top:18px;
  background-color:white;
}

.arrow::before {
  content:'';
  width:100%;
  height:100%;
  position:absolute;
  top:0;
  left:0;
  background-size:100% 100%;
  background-image: url(data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iaXNvLTg4NTktMSI/Pgo8IS0tIEdlbmVyYXRvcjogQWRvYmUgSWxsdXN0cmF0b3IgMTYuMC4wLCBTVkcgRXhwb3J0IFBsdWctSW4gLiBTVkcgVmVyc2lvbjogNi4wMCBCdWlsZCAwKSAgLS0+CjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjY0cHgiIGhlaWdodD0iNjRweCIgdmlld0JveD0iMCAwIDMwNiAzMDYiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDMwNiAzMDY7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPGc+Cgk8ZyBpZD0iY2hldnJvbi1yaWdodCI+CgkJPHBvbHlnb24gcG9pbnRzPSI5NC4zNSwwIDU4LjY1LDM1LjcgMTc1Ljk1LDE1MyA1OC42NSwyNzAuMyA5NC4zNSwzMDYgMjQ3LjM1LDE1MyAgICIgZmlsbD0iIzAwMDAwMCIvPgoJPC9nPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+CjxnPgo8L2c+Cjwvc3ZnPgo=)
}

.arrow.left {
  left:0;
  transform:rotate(180deg);
}
.arrow.right {
  right:0;
}